<!DOCTYPE html>
<html lang="en">
<head>
{include file="common/head"}
	<style>
		.home-banner.swiper-container {height: 600px;}
		.swiper-button-next,.swiper-button-prev {background: rgba(0, 0, 0, 0.3);color: #ececec;font-size: 28px;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;display: none;}
		.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {content: '';}
		.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {content: '';}
		.swiper-container:hover .swiper-button-next,.swiper-container:hover .swiper-button-prev {display: flex;}
		.swiper-pagination-bullet-active {background: #ffffff;}
		.navbar-mobile {display: none;}
		.swiper-outside-prev,.swiper-outside-next {background: none;display: flex;color: #999;}
		.swiper-outside-next {right: -50px;left: auto;}
		.swiper-outside-prev {left: -50px;right: auto;}
		.yzm input {margin: 0!important;}
		@media (max-width: 991px) {
			.home-banner.swiper-container {height: 400px;}
			.navbar-pc {display: none;}
			.navbar-mobile {display: block;}
		}
		@media (max-width: 767px) {
			.banner-area {min-height: 200px;}
			.home-banner.swiper-container {height: 300px;}
			.box-slider-content {top: auto;-webkit-transform: translateY(0);transform: translateY(0);left: 20px;bottom: 45px;width: calc(100% - 40px);}
		}
		{hkcms:adv name="sub" itemid="1" id="adv"}
		.bg-speaker {background: url({$adv.image}) fixed no-repeat;background-size: cover;background-position: center center;}
		{/hkcms:adv}
		{hkcms:adv name="sub" itemid="2" id="adv"}
		.bg-sponsors {background: url({$adv.image}) fixed no-repeat;background-size: cover;background-position: center center;}
		{/hkcms:adv}
		{hkcms:adv name="sub" itemid="1" id="adv"}
		.bg-service {background: url({$adv.image}) fixed no-repeat;background-size: cover;}
		{/hkcms:adv}
		{hkcms:adv name="sub" itemid="2" id="adv"}
		.bg-registration {background: url({$adv.image}) fixed no-repeat;background-size: cover;}
		{/hkcms:adv}
	</style>
</head>
<body class="body-wrapper">
{include file="common/menu"}
{hkcms:adv name="home_banner" num="1"}
<div class="banner home-banner swiper-container py-0">
	<div class="swiper-wrapper">
		{// 调用站点模块，图集类型的内容，name是标识，站点模块支持图集、视频、内容数据、文字链接、html代码。}
		{hkcms:adv name="home_banner"}
		<div class="swiper-slide d-flex align-items-center" style="background-image: url({$item.image});background-position: center center;background-size: cover;">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<div class="block">
							<h1>{$item.title}</h1>
							<h6>{$item.notes}</h6>
							<a href="{$item.url}" class="btn btn-white-md">{:__('Know Us')}</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		{/hkcms:adv}
	</div>
	<div class="swiper-pagination"></div>
	<div class="swiper-button-prev"><i class="fa fa-angle-left"></i></div>
	<div class="swiper-button-next"><i class="fa fa-angle-right"></i></div>
</div>
{/hkcms:adv}
{hkcms:channel name="3"}
<section class="section about">
	<div class="container">
		{hkcms:content catid="$item.id" id="cc"}
		<div class="row">
			<div class="col-lg-4 col-md-6 align-self-center">
				<div class="image-block bg-about">
					<img class="img-fluid" src="{$cc.thumb}" alt="{$item.title}">
				</div>
			</div>
			<div class="col-lg-8 col-md-6 align-self-center">
				<div class="content-block">
					<h2>{$item.title}</h2>
					<div class="description-one">
						<p>
							{$cc.description}
						</p>
					</div>
					<ul class="list-inline">
						<li class="list-inline-item">
							<a href="{$cc.url}" class="btn btn-main-md">{:__('Read More')}</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		{/hkcms:content}
	</div>
</section>
{/hkcms:channel}
{hkcms:channel name="21"}
<section class="section speakers bg-speaker overlay-lighter">
	<div class="container">
		<div class="row">
			<div class="col-12">
				<div class="section-title white">
					<h3>{$item.title}</h3>
					<p>{$item.seo_desc}</p>
				</div>
			</div>
		</div>
		<div class="row">
			{hkcms:content catid="$item.id" id="cc" num="8"}
			<div class="col-lg-3 col-md-4 col-sm-6">
				<div class="speaker-item">
					<div class="image">
						<img src="{$cc.thumb}" alt="speaker" class="img-fluid">
					</div>
					<div class="content text-center">
						<h5><a href="{$cc.url}">{$cc.title}</a></h5>
						<p>{$cc.description}</p>
					</div>
				</div>
			</div>
			{/hkcms:content}
		</div>
	</div>
</section>
{/hkcms:channel}
<section class="sponsors section bg-sponsors overlay-white">
	<div class="container">
		<div class="row">
			<div class="col-12">
				{hkcms:channel name="19"}
				<div class="sponsor-title text-center">
					<h5>{$item.title}</h5>
				</div>
				<div class="block text-center">
					<ul class="list-inline sponsors-list">
						{hkcms:content catid="$item.id" id="cc" num="7"}
						<li class="list-inline-item">
							<div class="image-block text-center p-0">
								<a href="{$cc.url}">
									<img src="{$cc.thumb}" style="height: 155px;" alt="{$cc.title}" title="{$cc.title}" class="img-fluid">
								</a>
							</div>
						</li>
						{/hkcms:content}
					</ul>
				</div>
				{/hkcms:channel}
			</div>
		</div>
	</div>
</section>
{hkcms:channel name="9"}
<section class="news section">
	<div class="container">
		<div class="row">
			<div class="col-12">
				<div class="section-title">
					<h3>{$item.title}</h3>
					<p>{$item.seo_desc}</p>
				</div>
			</div>
		</div>
		<div class="row">
			{hkcms:content catid="$item.id" num="5" id="cc"}
			<div class="col-lg-4 col-md-6 col-sm-8 col-10 m-auto">
				<div class="blog-post">
					<div class="post-thumb">
						<a href="{$cc.url}">
							<img src="{$cc.thumb}" alt="post-image" class="img-fluid">
						</a>
					</div>
					<div class="post-content">
						<div class="date">
							<h4>{hkcms:date name="$cc.publish_time" format="Y"}<span>{hkcms:date name="$cc.publish_time" format="m-d"}</span></h4>
						</div>
						<div class="post-title">
							<h2><a href="{$cc.url}">{$cc.title}</a></h2>
						</div>
						<div class="post-meta">
							<ul class="list-inline">
								<li class="list-inline-item">
									<i class="fa fa-list"></i>
									<a href="{$cc.category.url}">{$cc.category.title}</a>
								</li>
								<li class="list-inline-item">
									<i class="fa fa-user-o"></i>
									<a href="{$cc.url}">{$cc.author}</a>
								</li>
								<li class="list-inline-item">
									<i class="fa fa-eye"></i>
									<a href="{$cc.url}">{$cc.views}</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			{/hkcms:content}
		</div>
	</div>
</section>
{/hkcms:channel}

<section class="registration">
	<div class="container-fuild p-0">
		<div class="row">
			<div class="col-lg-6 col-md-12 p-0">
				<div class="service-block bg-service text-center h-100 p-0">
					<div style="height: 100%;padding: 120px 10%;background: rgba(255, 102, 0, 0.93);">
						<div class="bg-white pt-4">
							{hkcms:adv name="partner" num="1"}
							<div class="sponsor-title text-center">
								<h5>{$item.recommend.remark}</h5>
							</div>
							{/hkcms:adv}
							<div class="block text-center row">
								<ul class="list-inline sponsors-list">
									{hkcms:adv name="partner"}
									<li class="list-inline-item mr-0 col-4 col-sm-3 col-md-2 border-0">
										<div class="image-block text-center p-0" style="height: 100px;">
											<a class="d-flex align-items-center justify-content-center h-100" href="{$item.url}">
												<img src="{$item.image}" alt="sponsors-logo" class="img-fluid">
											</a>
										</div>
									</li>
									{/hkcms:adv}
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-lg-6 col-md-12 p-0">
				<div class="registration-block bg-registration overlay-dark">
					{hkcms:channel name="34"}
					<div class="block">
						<div class="title text-left">
							<h3>{$item.title}</h3>
							<p>{$item.seo_desc}</p>
						</div>
						{hkcms:form catid="$item.id" attr="class='row' id='frm' enctype='multipart/form-data'"}
							<div class="col-md-6">
								<input type="text" name="{$item.field.name|default=''}" class="form-control main" placeholder="{:__('Name')}" required="">
							</div>
							<div class="col-md-6">
								<input type="email" name="{$item.field.email|default=''}" class="form-control main" placeholder="{:__('Mail')}" required="">
							</div>
							<div class="col-md-6">
								<input type="text" name="{$item.field.phone|default=''}" class="form-control main" placeholder="{:__('Telephone')}" required="">
							</div>
							<div class="col-md-12">
								<textarea name="{$item.field.content|default=''}" class="form-control main" placeholder="{:__('Content')}" rows="10" required=""></textarea>
							</div>
							{if $item.captcha.status}
							<div class="col-md-12 mb-3">
								<div class="d-flex align-items-center">
									<div class="mr-3 yzm">{$item.captcha.input}</div>
									<div class="captcha" style="width: 138px">{$item.captcha.btn}</div>
								</div>
							</div>
							{/if}
							<div class="col-12">
								<button type="submit" class="btn btn-white-md">{:__("Submit")}</button>
							</div>
						{/hkcms:form}
					</div>
					{/hkcms:channel}
				</div>
			</div>
		</div>
	</div>
</section>
{include file="common/map"}
{include file="common/footer"}
</body>
</html>